<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>获取天气</title>
    <link rel="stylesheet" type="text/css" href="weather.css"/>
    <!--[if IE 7]>
    <link rel="stylesheet" type="text/css" href="weth_ie.css">
    <![endif]-->
</head>
<body>
<div class="container">
    <h2 class="search">天气预报哦！(⊙o⊙)</h2>
    <label for="city">城市：</label>
    <input type="search" id="city" value=""/>
    <input type="button" id="weather_font" value="天气">
</div>

<div class="weather" id="result">
    <ul>
        <li>
            <p class="date"></p>
            <img src="" class="img1"/>
            <p class="tem"></p>
            <p class="wind"></p>
        </li>
        <li>
            <p class="date"></p>
            <img src="" class="img2"/>
            <p class="tem"></p>
            <p class="wind"></p>
        </li>
        <li>
            <p class="date"></p>
            <img src="" class="img3"/>
            <p class="tem"></p>
            <p class="wind"></p>
        </li>
        <li>
            <p class="date"></p>
            <img src="" class="img4"/>
            <p class="tem"></p>
            <p class="wind"></p>
        </li>
        <li>
            <p class="date"></p>
            <img src="" class="img5"/>
            <p class="tem"></p>
            <p class="wind"></p>
        </li>
    </ul>
</div>
<div class="weather" id="warning">抱歉！没有查询到相关信息。</div>
<script src="jquery-2.1.4.min.js"></script>
<script src="weather.js"></script>
</body>
</html>